
input{
  border: 1px solid #c0c0c0;
  height: 2rem;
  width: 13rem;
  outline: none;
  border-radius: 5rem;
}
.login_body{
  width: 25rem;
  line-height: 3rem;
  position: relative;
  margin: auto;
  margin-top: 10rem;
}
// 短信提示框
.getcheckNum{
  width: 100%;
  height: 3rem;
  background:cornsilk;
  color: deeppink;
  border-radius: 5rem;
  position: absolute;
  top:1rem;
  z-index: 100;
  span{
    display:flex;
    justify-content: center;
    line-height: 3rem;
    font-size: 2rem;

  }
}

.error{
  margin-left: 4rem;
  color: red;
}
//当输入框获取焦点时
.input_style{
  box-shadow: -2px -2px 1px 1px cornflowerblue,//左和上
  2px 2px 1px 1px cornflowerblue,//右和下
  2px -2px 1px 1px cornflowerblue,//
  -2px 2px 1px 1px cornflowerblue,

}
.checkNum{
  position: absolute;
  top: 8rem;
}
.checkNum input{
  width: 6rem;
}
.checkNum_btn{
  border:solid 1px cornflowerblue;
  background: lightsteelblue;
  outline: none;
  margin-left: 2rem;
  height: 2rem;
  border-radius: 3px;
}
.success{
  margin-left: 2rem;
}
.bangDing{
  margin-left: 80px;
  position: relative;
}
.bangDing_btn{
  width: 15rem;
  height: 2.7rem;
  background: cornflowerblue;
  border-radius: 5px;
  border: solid cornflowerblue 1px;
  margin-left: -4rem;
  position: relative;
  margin-top: 4rem;
  outline: none;
}
.successMsg{
  width: 10rem;
  height: 10rem;
  position: relative;
  border: solid 1px #c0c0c0;
  margin-left: 4rem;
  margin-top: 20rem;
  background:aliceblue ;
  opacity: 0.5;
}
.successMsg span{
  display: flex;
  justify-content: center;
  line-height: 10rem;
}
.successCheckNum{
  width: 26rem;
  height: 5rem;
  position: relative;
  border: solid 1px #c0c0c0;
  margin-left: -2rem;
  margin-top: 20rem;
  background:aliceblue ;
  opacity: 0.5;
  border-radius: 3px;
}
.successCheckNum span{
  display: flex;
  justify-content: center;
  line-height: 5rem;
}

